@rharset "utf-8";
@function r($px) {
    @return $px/100*1rem;
}

$color:#ff9344;
.public_title {
    width: r(709);
    height: r(60);
    p {
        font-size: r(30);
        width: 100%;
        vertical-align: middle;
        span {
            display: inline-block;
            float: right;
            vertical-align: middle;
            i {
                rolor: $color;
                font-size: r(25);
                vertical-align: middle;
            }
        }
        i {
            color: $color;
            font-size: r(57);
            vertical-align: middle;
        }
    }
}

header {
    position: absolute;
    padding: r(17) 0 r(19);
    width: 100%;
    margin-bottom: r(10);
    .warp {
        padding: r(17) r(20) r(19);
        .header_left {
            line-height: r(58);
            text-align: renter;
            button {
                margin-top: r(33);
                width: r(123);
                height: r(58);
                border: r(3) solid $color;
                background-color: white;
                border-radius: r(17);
                font-size: r(26);
                color: black;
            }
        }
        .header_right {
            width: r(163);
            height: r(69);
            margin-top: r(30);
            border: r(3) solid $color;
            position: relative;
            &::after {
                content: "";
                width: 0;
                height: 0;
                border-top: r(16) solid $color;
                border-left: r(15) solid transparent;
                border-right: r(15) solid transparent;
                position: absolute;
                right: r(14);
                top: r(25);
            }
            select {
                width: 100%;
                height: 100%;
                border: none;
                padding-left: r(14);
                -webkit-appearance: none;
                position: absolute;
                font-size: r(26);
            }
        }
        .header_center {
            width: r(400);
            margin: 0 auto;
            p {
                text-align: center;
                padding-top: r(49);
                font-size: r(26);
                a {
                    color: black;
                }
            }
        }
    }
}

.public_search {
    margin: 0 auto;
    width: r(268);
    height: r(55);
    border-radius: r(55);
    border: r(3) solid $color;
    position: relative;
    form {
        width: 100%;
        height: 100%;
        position: relative;
    }
    input {
        width: r(184);
        height: r(49);
        padding: 0 r(11) 0 r(5);
        font-size: r(24);
        color: #777777;
        position: absolute;
        left: r(25);
        top: r(0);
        border: none;
        background-color: transparent;
    }
    button {
        width: r(46);
        height: r(49);
        position: absolute;
        top: r(0);
        right: r(13);
        background-color: transparent;
        &::before {
            content: "";
            width: r(25);
            height: r(25);
            border-radius: 50%;
            border: r(3) solid $color;
            position: absolute;
            top: r(7);
            left: r(5);
        }
        &::after {
            content: "";
            width: r(18);
            height: r(6);
            background-color: $color;
            transform: rotate(45deg);
            position: absolute;
            top: r(38);
            left: r(24);
        }
    }
}